<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/jsp/ResourceGlobal.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>产品运营</title>
</head>
	<style type="text/css">
		#pieChart{ position: relative; width: 50%; height: 450px; float:left}
		#barChart{ position: relative; width: 50%; height: 450px; float:left }
		.div-inline{ display:inline}
		.form-group {margin-left:100px}
		*{ padding:0px; margin:0px; }
.fl{float:left}
.mainContainer{width:100%;height:100%;}
.topContrainer,.bottomMainContrainer{width:100%;height:80%}
.selectionContainer{width:100%;height:5%;min-height:50px;}
.selectCenter{width:80%;height:100%;min-height: 50px;margin:0 auto;background-color: #F8F8F8}
.sub-sel-cont{margin-left:30px;padding-top:20px}
.sub-sel-cont label {
	margin: 0 20px 0 0;
}
.chartContainer{width:100%;height:80%;margin-left: 600px;margin-top: 240px;}
.charContainerCenter{width:80%;height:100%;margin-left:8%}
/* .chartContaienr{width:100%;height:120%;} */
.m-l-3-per{margin-left:3%}
.subContainer{width:40%;height:45%;float:left;margin:2% 0 0% 2%}
.charContainerCenter{width:80%;height:100%;margin:0 auto;}
.font-color-black{color:#939393}
.font-color-white{color: #FFFFFF;background-color: #FF9600;}
.ul{width:80%;background-color:yellow;}
   .ulLi{ /* display:inline-block;*/margin-right:-8px; padding:5px; }  
   .dwn{line-height:45px;}
   .subSelector {
    height: 20px;
    line-height: 3px;
    display: inline-block;
    width: auto;
    padding: 9px;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}
	</style>
	<script type="text/javascript">
		var productPath = '<%=context%>' +'business/productManager/';
		//默认加载
		$(function(){
			//把访问路径传到js
			setPathPrefix(productPath);
		});
	</script>
	<body class="sub-page">
		<div class="result-box" id="productDemand">
		    <div class="selectionContainer">
			    <div id="checkboxDiv" class="selectCenter">
					<div class="sub-sel-cont fl" >
						<label class="fl"><input type="checkbox" value="1"/>待发行</label>
						<label class="fl"><input type="checkbox" checked="checked" value="2"/>发行中</label>
						<label class="fl"><input type="checkbox" checked="checked" value="3"/>存续中</label>
						<label class="fl"><input type="checkbox" checked="checked" value="4"/>到期</label>
						<label class="fl"><input type="checkbox" checked="checked" value="5"/>清盘中</label>
						<label class="fl"><input type="checkbox" value="6"/>已清盘</label>
					</div>
				</div>
		    </div>
		    <!-- 图形 -->
			<div id= "chartShow">
				<div id="pieChart"  class="div-inline"></div>
				<div id="barChart"  class="div-inline"></div>
			</div>
			<!-- 图形 -->
			<div class="chartContainer" id="chartContainer" style="display:none;">
				<div class="charContainerCenter">
					<div class="data-box">
						<img src="<%=context%>/resources/modules/bootstrap/image/nodata.jpg">
						<span class="no-data">当前无数据</span>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="<%=context%>resources/modules/system/echarts/echarts.min.js?20190124"></script>
		<script type="text/javascript" src="<%=context%>/resources/modules/business/productManager/productManagerDemand.js?random=<%=Math.random()%>"></script>
	</body>

</html>